<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
		<title>喜茶</title>
		<link rel="stylesheet" type="text/css" th:href="@{/css/common_samplify.css}" />
		<link rel="stylesheet" type="text/css" th:href="@{/css/buss_item.css}" />
		<script th:src="@{/js/jquery-3.2.1.min.js}" type="text/javascript" charset="utf-8"></script>
		<script>
			$(document).ready(function() {
			    coupanCanvas()
				//				$(".coupanCanvas").bind("onload",coupanCanvas(($(this))))
				var canvasString = "<canvas id='coupanCanvas' class='coupanCanvas'></canvas>"
				//$(".coupan_canvas").append(canvasString);

			})
		</script>
	</head>

	<body>
		<!--
        	描述：店铺展示页面，店铺信息开始
        -->
		<div class="">
			<!--
            	描述：图片和店名
            --><div th:each="bussiness,iterStat:${couponList}">
			<div class="head_img position_relative">
				<img class="width100" th:src="@{/img/shop_img/ms_yinliao.jpg}" />
				<div class="buss_name position_absolute" th:text="${bussiness.bussinessName}">
					<a class="color444 textdecoration_none font_size10" th:href="@{https://mp.weixin.qq.com/mp/profile_ext?action=home&amp;__biz=MzI4OTUyMTE1Nw==&amp;scene=23#wechat_redirect}">（关注公众号）</a>
				</div>
			</div>
			<!--
            	描述：地址联系电话
            -->
			<div class="buss_middle bg_snow">
				<div class="left_middle">
					<a th:href="@{http://apis.map.qq.com/uri/v1/geocoder?coord=31.249498,121.455917&amp;referer=myapp}">
						<img th:src="@{/img/fanzone_icon/position.png}" />
						<div class="paddingLR10" th:text="${bussiness.bussinessAddress}"></div>
					</a>
				</div>
				<div class="right_middle">
					<a th:href="@{/tel:13764567708}"><img th:src="@{/img/fanzone_icon/phone.png}" /></a>
				</div>
			</div>
			<!--
            	描述：所有活动开始
            -->
			<div class="buss_body col-12">
				<div class="width100 buss_info">
					<div class="width100 text_center">
						--所有活动--
					</div>

					<a th:each="coupon,iterStat:${bussiness.couponList}" th:href="@{/buyer/payment/prePay(bussinessId=${bussiness.bussinessId},couponId=${coupon.couponId},openid=eddie)}" >
						<div class="coupan_canvas position_relative color666">
							<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="background: snow; height: 80px;width: 100%;">
								<!--<rect width="" height="80" style="fill:snow;stroke-width:0;" />-->
								<line x1="270" y1="0" x2="270" y2="80" style="stroke:#F0F0F0;stroke-width:1" stroke-dasharray="3 2" />
								<circle cx="270" cy="0" r="4" stroke="" stroke-width="0" fill="#F0F0F0" />
								<circle cx="270" cy="80" r="4" stroke="" stroke-width="0" fill="#F0F0F0" />
							</svg>
							<div class="position_absolute coupan_canvas_item" >
								<div class="col-3">
									<img th:src="@{/img/shop_img/ms_tiandian.jpg}" />
								</div>
								<div class="col-6">
									<span style="background: #FF6347;color: snow;" th:text="${coupon.couponName}" ></span> &nbsp;<span th:text="${coupon.couponRank}">满20可用</span><br />
									<div class="font_size10">有效期：2018-1-1至2018-2-5<br /></div>
								</div>
								<div class="col-3">
									￥<span style="color: #FF0000;font-size: 30px;" th:text="${coupon.couponPrice}">5</span>
								</div>
							</div>
						</div>
					</a>
					</div>
				</div>
			</div>
		</div>
		<br />
		<div class="text_center font_size10 color999">- - - &nbsp;我们也是有底线的&nbsp; - - -</div>
		<br />

		<br />
		<br />
		<!--
        	描述：底部导航
        -->
		<div class="position_fix bottom0 bt row width100 bg_snow">
			<div class="col-4 text_center">
				<a th:href="@{/buyer/bussiness/allBussiness(flag=recommend)}" class="textdecoration_none color666">首页</a>
			</div>
			<div class="col-4 text_center">
				<a th:href="@{/personalInfo(openid=${session.openid})}" class="text_center color666 textdecoration_none">个人中心</a>
			</div>
			<div class="col-4 text_center">
				<a th:href="@{/couponCenter(openid=${session.openid})}" class="textdecoration_none color666">优惠券</a>
			</div>
		</div>
	</body>

</html>